<!DOCTYPE html>
<html>
<head>
  <title>欢迎页</title>
  #parse("sys/header.html")
  <!-- 新版 -->
  <!-- <script src='https://gitee.com/fuyang_lipengjun/platform/widget_preview'></script> -->
  <style>
    .pro_name a {
      color: #4183c4;
    }

    .osc_git_title {
      background-color: #fff;
    }

    .osc_git_box {
      background-color: #fff;
    }

    .osc_git_box {
      border-color: #E3E9ED;
      margin: 20px;
    }

    .osc_git_info {
      color: #666;
    }

    .osc_git_main a {
      color: #9B9B9B;
    }
  </style>
</head>
<body>
<script>
  var audio = new Audio("/platform/statics/audio/msg.mp3");//这里的路径写上mp3文件在项目中的绝对路径

  var count = 3;
  var music;
  setInterval("getOrderMsg()", 2000);

  function a() {
    if (!music) {
      music = new Audio();
      music.addEventListener("ended", function (){
        if (count > 0) {
          a();
        }
      });
    } else {
      music.pause();
    }

    music.src = '/platform/statics/audio/msg.mp3';
    music.play();

    console.log(count);
    count--;
  }

  function getOrderMsg() {
    $.ajax({
      type: "POST",
      url: "http://localhost:8080/platform/api/order/music",
      dataType: "json",
      success: function (result) {
        console.log(result);
        if (result.data == 1) {
          a();
        }
      }
    });
  }


</script>
<div class="wrapper wrapper-content  animated fadeInRight">
  <div class="ibox ">
    <div class="ibox-title">
      <h1>丰花园超市管理平台</h1>
    </div>
    <div class="ibox-content">
      <div class="signin-info">
        <!--<ul class="m-b">-->
          <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 一个轻量级的Java快速开发平台，能快速开发项目</li>-->
          <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i>-->
            <!--使用目前主流的JavaEE开发框架Spring+SpringMVC+Mybatis+Shiro+J2Cache，简单易学，学习成本低-->
          <!--</li>-->
          <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 友好的代码结构及注释，便于阅读及二次开发</li>-->
          <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 完善的XSS防范及脚本过滤，彻底杜绝XSS攻击</li>-->
          <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 日志分级输出，便于分析日志</li>-->
          <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 前端使用Vue+iView，上手容易</li>-->
          <!--&lt;!&ndash; <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> <a href="https://gitee.com/fuyang_lipengjun/platform" target="_blank">Git：https://gitee.com/fuyang_lipengjun/platform</a></li> &ndash;&gt;-->
          <!--&lt;!&ndash; <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> <a href="https://apidoc.gitee.com/fuyang_lipengjun/platform" target="_blank">JavaDoc：https://apidoc.gitee.com/fuyang_lipengjun/platform</a></li> &ndash;&gt;-->
        <!--</ul>-->
      </div>

    </div>
  </div>
  <!--<div class="ibox ">-->
    <!--<div class="ibox-title">-->
      <!--<h1>官方QQ群</h1>-->
    <!--</div>-->
    <!--<div class="ibox-content">-->
      <!--<div class="signin-info">-->
        <!--<ul>-->
          <!--<li><i class="fa fa-qq m-r-xs"></i> 1335373164</li>-->
        <!--</ul>-->
      <!--</div>-->

    <!--</div>-->
  <!--</div>-->
</div>
</body>
</html>
